<template>
	<div class="nav">
		<!-- <h3>头部导航</h3> -->
		
		<ul class="dheader">
		      <router-link tag="li" to="/home" active-class="active"><a href="javascript:;">首页</a></router-link>
		      <router-link tag="li" to="/column" active-class="active"><a href="javascript:;">关注</a></router-link>
		      <router-link tag="li" to="/follow" active-class="active"><a href="javascript:;">栏目</a></router-link>
		</ul>
		
	</div>
</template>

<script>
	
	export default {
		name:'v-header',
		data(){
			return {}
		},
		methods:{},
		computed:{}
	}
	
</script>

<style>
	
	.nav{width:100%; position:fixed; top:0;left:0; z-index:2; background:white;}
	.nav ul{width:4.38rem;height:0.6rem; margin:0 auto;}
	.nav ul li{width:1.46rem;height:0.6rem; float:left;}
	.nav ul li a{ display:block;width:1.46rem;height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.3rem; color:#9e9a95;}
	.nav ul li.active a{height:0.5rem; border-bottom:0.1rem solid #5477b2; color:#5477b2;}
	/* .nav{background-color: #00FFFF;} */
</style>
